Channel: Google Chrome Developers

Category: Science & Technology

Tags: csswhat are devtools tipsdevelopersshortcutsgds: yesgoogle chromeintro to devtools tipsdevtoolsjecelyn yeensettingsgoogle developerchromecss overviewgoogle developershow to use devtools tipspurpose: educatecolor devtoolspr_pr: chrometype: devbyte (deck cleanup 0-10min)devtools tipsgoogle chrome developerschrome devtoolsdevtools tips tutorialchrome developerdeveloperchrome developers

Description: Let’s take a look at some of the color features in DevTools. Chapters: 0:00 - Introduction 0:13 - Shortcut to change selected color format 0:34 - Edit and copy a color to clipboard 0:47 - Pick a color with eye dropper 0:53 - CSS angle visualization tools 1:04 - Use CSS variables as color palette 1:47 - Change all displayed color format 2:27 - Get an overview of all your page’s colors Links: Authoring colors with DevTools → goo.gle/devtools-colors CSS Overview → goo.gle/css-overview Catch more DevTools Tips → goo.gle/DevToolsTips Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #DevToolsTips #Chrome #Developer